<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Handbag</title>
<meta name="description" content="Handbag" />

<script src="../../../assets/js/jquery-1.4.4.min.js"></script>
<link rel="stylesheet" href="../../../assets/third_party/fancybox/jquery.fancybox-1.3.4.css" type="text/css" media="screen" />
<script src="../../../assets/third_party/fancybox/jquery.easing-1.3.pack.js"></script>
<script src="../../../assets/third_party/fancybox/jquery.fancybox-1.3.4.pack.js"></script>
<script src="../../../assets/third_party/fancybox/jquery.mousewheel-3.0.4.pack.js"></script>
<link rel="stylesheet" type="text/css" href="../../../assets/third_party/tinycarousel/tinycarousel.css" />
  <script src="../../../assets/third_party/tinycarousel/jquery.tinycarousel.min.js" type="text/javascript" charset="utf-8"></script>

</head>
<body>
<div class="container">
  
<!--PRODUCT RELATED WIDGET [slug:product_related, library:0, widget instance:1]-->
  <div id="product_list_wi_1" class="product_related_0">
  <!--Load css of widget-->
  <link href="product_related_0.css" media="screen" rel="stylesheet" type="text/css" />
	<style>
    /* override style here*/
  .container{
  	width: 700px;
  	background:#dddddd;
   }	
   .product_related_0 #suggest_product #wrapper_list_suggest ul li .item_suggest{
width:150px;
padding:0px 5px 0px 5px;
}
  </style>    
  
<div id="suggest_product" >
	<div id="title_suggest_product" >TRY THIS!</div>
   <div id="wrapper_list_suggest">
	<ul>
		<li>
			<div class="item_suggest">
			<div class="img_suggest"><a href="#"><img src="p1.jpg" alt=""/></a>	</div>
			<div class="title_suggest"><a href="#">Reminder Mini Cross-Body</a></div>
			<div class="price_suggest">130€</div>
			</div>
		</li>
		<li>
			<div class="item_suggest">
			<div class="img_suggest"><a href="#"><img src="p1.jpg" alt="" / ></a>	</div>
			<div class="title_suggest"><a href="#">Reminder Mini Cross-Body</a></div>
			<div class="price_suggest">130€</div>
			</div>
		</li>
		<li>
			<div class="item_suggest">
			<div class="img_suggest"><a href="#"><img src="p1.jpg" alt=""/></a>	</div>
			<div class="title_suggest"><a href="#">Reminder Mini Cross-Body</a></div>
			<div class="price_suggest">130€</div>
			</div>
		</li>
		<li>
			<div class="item_suggest">
			<div class="img_suggest"><a href="#"><img src="p1.jpg" alt=""/></a>	</div>
			<div class="title_suggest"><a href="#">Reminder Mini Cross-Body</a></div>
			<div class="price_suggest">130€</div>
			</div>
		</li>
	</ul>
   </div>
</div>
<!--END suggest_product-->
  </div>
 <!--END PRODUCT RELATED WIDGET-->  
</div>
</body>
</html>